<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_uzFiq0',
'ZY_HuNanJiaTuoXinCai_1',
'ZY_AnHuiZhongYuanXinCai_2',
'ZY_3_3',
'img_Ityy$4',
'img_dJ1N65',
'ZY_HuNanJiaTuoXinCai_6',
'ZY_AnHuiZhongYuanXinCai_7',
'ZY_8_8',
'img_sGLYs9',
'img_Pkwrt10',
'ZY_HuNanJiaTuoXinCai_11',
'ZY_AnHuiZhongYuanXinCai_12',
'ZY_13_13',
'img_f7m5414',
'img_pM8Yq15',
'ZY_HuNanJiaTuoXinCai_16',
'ZY_AnHuiZhongYuanXinCai_17',
'ZY_18_18',
'img_uGNE919',
'img_A0UMb20',
'ZY_HuNanJiaTuoXinCai_21',
'ZY_AnHuiZhongYuanXinCai_22',
'ZY_23_23',
'img_ebpyw24',
'img_A2Gkk25',
'ZY_HuNanJiaTuoXinCai_26',
'ZY_AnHuiZhongYuanXinCai_27',
'ZY_28_28',
'img_kjh5W29',
'ZY_30_30',
'ZY_31_31'
"  ></cms:ads>
<!doctype html>
<html>
 <head> 
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1,"> 
  <link rel="icon" sizes="any" href="${浏览器logo}">
  <title>湖南佳拓新材料有限公司官网${网页标题}</title> 
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/swiper-bundle.min.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/animate.css">
  <link rel="stylesheet" href="https://hwfile.csxuncong.com/jkxc/pc/css/common.css">
  <style>.box{ margin-top: 150px; margin-bottom: 90px; height: 100%; } .container{ height: 100%; flex-wrap: wrap; } .container .news{ width: 32%; box-sizing: border-box; margin-right: 24px; margin-bottom: 20px; } .container .news:nth-child(3n){ margin-right: 0; } .news img{ width: 100%; display: block; } .news .news-img{ height: 240px; } .news .news-content{ padding: 20px 20px; box-sizing: border-box; text-align: left; } .news .news-content h4{ font-size: 22px; margin-bottom: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .news .news-content span{ font-size: 18px; line-height: 30px; } .news .news-content div{ margin-top: 30px; } .news .news-content div p{ font-size: 20px; } .news .news-content div img{ width: 30px; } .news:hover .news-content{ background: #0F62C8; color: #FFFFFF; } .news:hover .news-content div img{ content: url(https://hwfile.csxuncong.com/jkxc/pc/images/right-white.png); } .box .num-warp{ text-align: center; } .box .num-warp div{ width: 50px; height: 50px; border-radius: 50%; background: #EEEEEE; display: flex; align-items: center; justify-content: center; font-size: 12px; margin: 0 5px; border: 1px solid transparent; } .box .num-warp .active{ background: #FFFFFF; color: #0F62C8; border: 1px solid #0F62C8; }
  </style>
  <meta name="keywords" content="湖南佳拓新材料有限公司">
  <meta name="description" content="湖南佳拓新材料有限公司">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="box"> 
   <div class="container flex">
    <cms:arts var="xwzxList" code="xwzx" pageNow="${param.pageNow == null ? 0 : param.pageNow }" pageSize="9"></cms:arts>
    <c:forEach items="${xwzxList }" var="news" varStatus="status" >
    <div class="news animated wow fadeInUpA" data-wow-delay="0s"> 
     <a href="${path }/do/redirect/pc/newsDetail?id=${news.artId}">
      <img src="${news.artImage}" class="news-img zy">
      <div class="news-content"> 
       <h4 class="zy">${news.artTitle}</h4>
       <span class="zy">${news.artAbstract}</span>
       <div class="flex align-center space-between"> 
        <p class="zy"><fmt:formatDate pattern="yyyy-MM-dd" value="${news.artCreatetiem}" ></fmt:formatDate></p>
        <img src="${img_Ityy$4.adImg}" class="zy" data-type="ad" data-id="${img_Ityy$4.adId}"> 
       </div> 
      </div>
     </a>
    </div>
    </c:forEach>
   </div>
   <div class="num-warp flex align-center space-center animated wow fadeInUpA" data-wow-delay="1.2s"> 
     <a href="${path }/do/redirect/pc/news?pageNow=${(param.pageNow == null || param.pageNow == 0) ? 0 : param.pageNow - 1 }"><div class="zy">上一页</div></a>
     <a href="${path }/do/redirect/pc/news?pageNow=${param.pageNow == null ? 1 : param.pageNow + 1 }"><div class="zy">下一页</div></a>
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script src="https://hwfile.csxuncong.com/jkxc/pc/js/swiper-bundle.min.js"></script>
  <script src="https://hwfile.csxuncong.com/jkxc/pc/js/wow.min.js"></script>
  <script>
		var itemEls = document.getElementsByClassName('nav-item-hover');
		for(var i= 0; i < itemEls.length;i++){
		    itemEls[i].onmouseover = function(){
		        var els = this.getElementsByClassName('nav-layout');
				var img = this.getElementsByClassName('nav-img')
		        if(els.length) {
		            els[0].style.display = 'block'
					img[0].src = 'https://hwfile.csxuncong.com/jkxc/pc/images/fangxiang-shang.png'
		        };
		    }
		    itemEls[i].onmouseout = function(){
		        var els = this.getElementsByClassName('nav-layout');
				var img = this.getElementsByClassName('nav-img')
		        if(els.length) {
		            els[0].style.display = 'none'
					img[0].src = 'https://hwfile.csxuncong.com/jkxc/pc/images/fangxiang-xia.png'
		        };
		    }
		}
		
		var wow = new WOW({
		    boxClass: 'wow',
		    animateClass: 'animated',
		    offset: 0,
		    mobile: true,
		    live: true
		});
		wow.init();
    </script> 
 </body>
</html>